@charset "utf-8";
$font-size:64px;
html {
    font-size: 64px;
}

@function r($px) {
    @return $px/$font-size*1rem;
}

header {
    padding-top: 50px;
    .navbar-default {
        background-color: #222;
        border: none;
        .navbar-nav {
            .active {
                >a {
                    &,
                    &:hover {
                        background-color: #080808;
                        color: #fff;
                    }
                }
            }
            >li {
                >a {
                    color: #9d9d9d;
                }
            }
        }
    }
    .navbar {
        margin-bottom: 0;
    }
}

.navbar-brand {
    padding: 7px 6px;
}

.pl0 {
    padding-left: 0;
}
.footer_nav{
    background: #3b3b3b;
    padding-top: 35px;
    .left_footer{
        color: #a1a3ab;
        .nav_choose{
            ul{
                list-style: none;
                li{
                    display: inline-block;
                    a{
                        font-size: 14px;
                        color: #a1a3ab;
                        text-decoration: none;
                    }
                    
                }
            }
        }
        .nav_cont{
            font-size: 12px;
            margin-top: 5px;
        }
    }
    .right_footer{
        float: right;
        position: relative;
        .right_img{
            display: inline-block;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            overflow: hidden;
            margin-right:20px ;
            &:first-child{
                 &:hover{
                .img_add{
                    display: block;
                }
            }
                .img_add{
                    position: absolute;
                    top: -160px;
                    left: -52px;
                    display: none;
                    transition: all 1s;
                }
                
            }
            &:nth-child(2){
                 &:hover{
                .img_add{
                    display: block;
                }
            }
                .img_add{
                    width: 142px;
                    height: 150px;
                    position: absolute;
                    top: -160px;
                    left: 10px;
                    display: none;
                    transition: all 1s;
                    img{
                        width: 100%;
                    }
                }
            }
            &:last-child{
                &:hover{
                .img_add{
                   display: block;
                }
            }
                .img_add{
                    width: 142px;
                    height: 150px;
                    position: absolute;
                    top: -160px;
                    left: 41px;
                    display: none;
                    transition: all 1s;
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
}

.pd0{
    padding: 0;
}
.mb45 {
    margin-bottom: 45px;
}
.mb0{
    margin-bottom: 0;
}
.mt0{
    margin-top: 0;
}
@media (max-width:767px){
    .right_footer{
        display: none;
    }
}